<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="/layui/layui.js"></script>
        <script src="/jquery/jquery-3.2.1.min.js"></script>
        <link rel="stylesheet" href="/layui/css/layui.css">
        <link rel="stylesheet" href="/css/orderFrom/productOrder/productOrderDisposeList/product-order-dispose-list.css">
        <script src="/js/orderForm/productOrder/productOrderDisposeList/product-order-dispose-list.js"></script>
        <script src="/Vue/vue-2.6.12.js"></script>
    </head>
    <body>
        <div id="app">
            <div class="box">
                <div class="list">
                    <div class="list-left">
                        <div class="list-left-left"></div>
                        <p class="list-left-right">商品订单处理列表</p>
                    </div>
                    <div class="list-right">
                        <div class="list-right-left layui-btn layui-icon layui-icon-refresh" id="refresh">&nbsp;刷新</div>
                        <div class="list-right-right layui-btn layui-icon layui-icon-left" id="goBack">&nbsp;返回</div>
                    </div>
                </div>
                <div class="buttonBox" style="margin: 20px 0 20px 25px;" >
                    <button class="orderStatusButton layui-btn layui-btn-primary" id="alreadyPayment">已付款(<span id="alreadyPaymentCounts"></span>)</button>
                    <button class="orderStatusButton layui-btn layui-btn-primary" id="waitDeliverGood">待发货(<span id="waitDeliverGoodCounts"></span>)</button>
                    <button class="orderStatusButton layui-btn layui-btn-primary" id="alreadyDeliverGood">已发货(<span id="alreadyDeliverGoodCounts"></span>)</button>
                    <button class="orderStatusButton layui-btn layui-btn-primary" id="alreadySignFor">已签收(<span id="alreadySignForCounts"></span>)</button>
                </div>
                <!--筛选查询-->
                <div class="layui-row query">
                    <div class="layui-col-md11">
                        <div class="layui-card headerCenter">
                            <div class="layui-card-header backColor">
                                <i class="layui-icon">&#xe615;</i>
                                筛选查询
                                <div class="query-top-right layui-btn layui-icon layui-icon-down" id="packUp"> 收起</div>
                                <div class="query-top-right layui-btn-normal layui-btn" id="advancedSearch"> 高级检索</div>
                            </div>
                            <div class="layui-card-body">

                                <form class="layui-form">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">支付渠道：</label>
                                        <div class="layui-input-inline">
                                            <select class="layui-select" name="orderPaymentChannel" id="orderPaymentChannel">
                                                <option value="">请选择</option>
                                                <option value="2">微信支付</option>
                                                <option value="3">余额支付</option>
                                            </select>
                                        </div>

                                        <label class="layui-form-label">订单来源：</label>
                                        <div class="layui-input-inline">
                                            <select class="layui-select" name="orderSource" id="orderSource">
                                                <option value="">请选择</option>
                                                <option value="2">小程序</option>
                                                <option value="3">app</option>
                                            </select>
                                        </div>
                                        <input name="ordersData" id="ordersData" type="hidden">
                                        <span>
                                        <button lay-submit lay-filter="search" type="submit" class="layui-btn import"  style="margin-top: -60px">
                                            <i class="layui-icon layui-icon-search"></i> 搜索
                                        </button>
                                        <button type="reset" class="layui-btn layui-btn-warm"  style="margin-top: -60px">
                                            <i class="layui-icon layui-icon-refresh"></i> 重置
                                        </button>
                                    </span>
                                    </div>
                                </form>
                            </div>
                        </div>
                    </div>
                </div>

                <!--数据列表-->
                <div class="record">
                    <div class="record-right">
                        <!--表-->
                        <table id="ordersTable" lay-filter="ordersTable"></table>
                    </div>
                </div>
                <!--表头样式-->
                <div id="button_ids">
                    <i class="layui-icon layui-icon-align-left"></i> 商品订单处理列表
                </div>

                <!--表内操作-->
                <div id="operation" style="display:none" >
                    <a alt="查看" title="查看" href="javascript:;" lay-event="selectTable">查看</a>
                    <a alt="删除" title="删除" href="javascript:;" lay-event="deleteTable">删除</a>
                </div>

            </div>
        </div>
    </body>
</html>